$my-margin-rpx: 25rpx;
// $my-color1:#ff8c94;
// $my-color1:blue;

$my-color1: rgba(255, 140, 148, 1);

// 页面背景
page {
	background: linear-gradient(to bottom, transparent, #fff 40vh),
		linear-gradient(to right, #ff8c94, #ffd3b5) no-repeat;
}

.f-c-c-n {
	display: flex;
	justify-content: center;
	align-items: center;
}

.f-c-c {
	@extend .f-c-c-n;
	flex-wrap: wrap;
}

// 用于图标的颜色和尺寸的穿透
page {
	// *************************************************颜色
	::v-deep .deep-color {
		// H5端，因为他们渲染出来的HTML结构不一样
		color: $my-color1 !important;

		// 小程序端
		.uni-icons {
			color: $my-color1 !important;
		}
	}

	::v-deep .deep-color-white {
		color: white !important;

		// 小程序端
		.uni-icons {
			color: white !important;
		}
	}
	// *************************************************尺寸
	::v-deep .deep-size {
		// H5端，因为他们渲染出来的HTML结构不一样
		font-size: 35rpx !important;

		// 小程序端
		.uni-icons {
			font-size: 35rpx !important;
		}
	}

	::v-deep .deep-size2 {
		font-size: 45rpx !important;

		// 小程序端
		.uni-icons {
			font-size: 45rpx !important;
		}
	}

	::v-deep .deep-size3 {
		font-size: 55rpx !important;

		// 小程序端
		.uni-icons {
			font-size: 55rpx !important;
		}
	}
}
